body,html{
    width: 100%;
    height: 100%;  
}
li{
    list-style: none;
}
a{
    text-decoration: none;
}
.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}
.swiper-container{
    width: 100%;
  .swiper-slide{
        width: 100%;
        height: 100vh;   
      .logos{
          width: 100%;
          .px2rem(height,260);
          text-align: center;
          margin-top: 158px;
      }
      .biaozhi{
          width: 100%;
          .px2rem(height,130);
          text-align: center;
          img{
               max-width: 100%;
               max-height: 100%;
              }
      }
      .botms{
          width: 100%;
          display: flex;
          position: fixed;
          bottom: 0;         
          p{
              width: 65%;
              img{
                  max-width: 100%;
              }
          }
          span{
              width: 35%;
              img{
                  max-width: 100%;
              }
          }
          .gongsi{
              width: 100%;
              position: absolute;
              left: 0;
              bottom: 15px;
              text-align: center;
          }         
      }
  }  
   .deng{
       width: 100%;
       height: 100vh;
       .guanggao{
           width: 100%;
           .px2rem(height,300);
           text-align: center;
           margin-top: 12%;
           p,span{ 
               width: 100%; 
               display: block;           
              img{
               max-width: 25%;
              }  
           }
          
       }
       .shuru{
           width: 100%;
           .px2rem(height,390);          
           .inpt{
                width: 80%;
                .px2rem(height,100);                            
                border: none;
                border-bottom: 1px solid #fff;
                margin-left: 10%;
                margin-top: 5%;
                .px2rem(font-size,38); 
                text-indent: 20%;
                color: #fff; 
            }        
            .shu-ru{
                width: 80%;
                .px2rem(height,90);
                margin-left: 10%;
                .px2rem(font-size,32);
                color: #fff;
                line-height: 3;
                .ipts{
                    margin-left: 72%;
                }
            }          
        }
         ._denglu{
                width: 100%;
                .px2rem(height,240);
                margin-top: 8%;                                     
               .an1{
                width: 80%;
                .px2rem(height,90);
                .px2rem(font-size,38);
                margin-left: 10%;
                background: #b27cda;
                text-align: center; 
                line-height: 2;
                color: #fff;                  
                }
                .an2{
                    width: 80%;
                    .px2rem(height,90);
                    .px2rem(font-size,38);
                    margin-left: 10%;
                    background-color: rgba(255,255,200,.1);
                    margin-top: 5%;
                    text-align: center;
                    line-height: 2;
                    color: #fff;     
                } 
              
                
            }
   } 
   
}
.artle{
    width: 100%;
    height: 100vh;
    display: none;
    .artle-top{
        width: 100%;
        .px2rem(height,130);
        display: flex;
        p{
            width: 30%;
            .px2rem(height,130);
            display: flex;
            justify-content: center;
            align-items: center;
            img{
              .px2rem(width,120);
              .px2rem(height,120);               
            }
            
        }
        ._name{
            width: 62%;
            .px2rem(height,130);
            .px2rem(font-size,36);
            color: skyblue;
            line-height: 2;
        }
        #his-dele{
            flex: 1;
            .px2rem(font-size,32);
            color: #fff;            
            text-align: center;
            line-height: 3;
        }
    }
    .artle-conter{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin-top: 15%;
        dl{
            width: 30%;
            .px2rem(height,220);
            background: #efb516;
            text-align: center;
            margin-left: 10%;
            margin-top: 8%; 
            dt{
                padding: 10%;
                box-sizing: border-box;
                img{
                    .px2rem(width,100);
                    .px2rem(height,100);
                }
            }          
            dd{
                .px2rem(font-size,30);
                font-weight: bold;
                color: #fff;
                padding: 3%;
            }
        }
        dl:nth-child(2){
            background: #01a3b0;
        }
        dl:nth-child(3){
            background: #9764e5;
        }
        dl:nth-child(4){
            background: #e95e49;
        }
        dl:nth-child(5){
            background: #0f77ae;
        }
    }
    
    .fot-you{
       width: 100%;
       .px2rem(height,100);
       position: relative;
       bottom:-8%;
        dl{
            width: 20%;
            .px2rem(height,100); 
            position: absolute;
            right: 0; 
            text-align: center; 
            dt{
                img{
                    .px2rem(width,55);
                    .px2rem(height,55);
                }
            } 
            dd{
                .px2rem(font-size,30);
                font-weight: bold;
                color: #fff;
            }  
        }
    }
       
}
.gongchengshi{
    width: 100%;
    height: 100vh;
    display: none;
    .gongchengshi-top{
        width: 100%;
        .px2rem(height,120);
        background: #7e4c81;
        display: flex;
        justify-content: center;
        align-items: center;
        span{
            width: 15%;
            .px2rem(height,100);
            text-align: center;
            color: #fff;
            img{
                .px2rem(width,80);
                .px2rem(height,80);               
            }            
        }
        p{
            width: 70%;
            .px2rem(height,100);
            .px2rem(font-size,36);
            color: #fff;
            font-weight: bold;
            text-align: center;
            line-height: 2;
        }
        .jiahao{
            line-height: 2;
        }
    }
    .gongchengshi-center{
        width: 90%;
        .px2rem(height,200);
        background: #ccc;
        border: 1px solid #666;
        margin-left: 5%;
        .px2rem(margin-top,40);
        .cent-top{
            width: 100%;
            .px2rem(height,100);
            .px2rem(font-size,30);
            font-weight: bold;
            border-bottom: 1px solid #666;
            line-height: 3;
            select{
                width: 40%;
                .px2rem(height,50);
            }
        }
        
    }
    .gongchenshi-botm{
       .px2rem(height,160);
       .px2rem(margin-top,35);
       display: flex;
       justify-content: space-around;
       .pt{
           width: 40%;
           .px2rem(height,80);
           background: #7e4c81;
           .px2rem(font-size,32);
           color: #fff;
       }
       .chzhi{
          background: #545a6c; 
       }     
    }
    
}
